<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>外部样式</title>
    <!-- 
        外部样式
        把样式写在外部文件中,然后通过引用的方式导入到当前页面中

        外部文件是以.css结尾的样式文件,一般放在css或者style文件夹中

        优点: 可以给多个页面复用

        注意: 在style标签中或者css文件中可以书写css注释,语法为 /*注释内容*/

        优先级:
        行内样式 > 内部样式 = 外部样式
    -->
    <!-- 导入外部css文件 -->
    <!-- 方式一: -->
    <link rel="stylesheet" href="css/03.css" />

    <!-- 方式二: -->
    <!-- <style>
      @import url(css/03.css);
    </style> -->
  </head>
  <body>
    <p>段落1</p>
    <p>段落2</p>
    <p>段落3</p>
  </body>
</html>
